<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="author" content="Heinz Li">
    <meta name="viewport" content="width=device-width,initial-scale-1.0" >
    <title>个人页面</title>

    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/overall.css">
    <style>
        .my-item-list ul{
            list-style-type: none;
            padding:0;
            margin:0;
        }

        .my-item-list ul [class*="col-"]{
            background-color:white;
            border-color: gainsboro;
            border-radius: 0;
            font-size: 25px;
            margin:3px 0 0 0;
        }
    </style>
</head>
<body>
    <nav class="navbar">
        <div class="container">
            <div class="navbar-header">
                <span class="title">我的</span>
            </div>
        </div>
    </nav>


    <div class="container">
        <div class="col-xs-4 col-md-4">
            <img src="../images/user_portrait/test.jpg" style="width:80px;height:80px">
        </div>

        <div class="col-xs-8 col-md-8" style="text-align: center">
            众说分云测试号<br>
            <span class="badge">1000分</span>
        </div>
    </div>

    <div class="my-item-list" style="margin:20px 0 0 0">
        <ul>
            <li>
                <div  class="col-xs-18 col-md-12">
                <a href="my_review.html">
                    <span class="glyphicon glyphicon-edit" aria-hidden="true"></span><span>我的点评</span>
                </a>
                </div>

            </li>
            <li>
                <div class="col-xs-18 col-md-12">
                    <span class="glyphicon glyphicon-star" aria-hidden="true"></span><span>我的关注</span>
                </div>
            </li>
            <li>
                <div class="col-xs-18 col-md-12">
                    <span class="glyphicon glyphicon-cog" aria-hidden="true"></span><span>设置</span>
                </div>

            </li>
        </ul>
        <br><br><br><br><br><br><br><br><br><br><br>
    </div>


    <div id="tab-menu" class="navbar-fixed-bottom">
        <div class="col-xs-4"><span class="glyphicon glyphicon-home" aria-hidden="true"></span><a href="home.html">主页</a></div>
        <div class="col-xs-4"><span class="glyphicon glyphicon-search" aria-hidden="true"></span><a href="find.html">发现</a></div>
        <div class="col-xs-4"><span class="glyphicon glyphicon-user" aria-hidden="true"></span><a href="#.html">我的</a></div>
    </div>


</body>
</html>